<script lang="ts" setup>
import { NResult, NButton } from "naive-ui";
import { useRouter } from "vue-router";
const { replace } = useRouter();

const back = () => {
  replace("/");
};
</script>

<template>
  <NResult class="error-page-center" size="large" status="404" title="404 资源不存在" description="生活总归带点荒谬">
    <template #footer>
      <NButton @click="back" type="primary">返回首页</NButton>
    </template>
  </NResult>
</template>

<style lang="less" scoped></style>
